<meta charset="UTF-8">
<style>
    .one_span{
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        width: 40%;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    .two_span{
        display: inline-block;
        margin-right: 35px;
        font-size: 20px;
    }
</style>

<span class="one_span">常用工具库 utils</span>
<a href="./src/常用工具库/demo.html"><span class="two_span">查看</span></a>


<span class="one_span">常用特效图片懒加载 lazyLoad</span>
<a href="./src/图片懒加载/demo.html"><span class="two_span">查看</span></a>


<span class="one_span">星星消消乐</span>
<a href="./src/星星消消乐/demo.html"><span class="two_span">查看</span></a>


<span class="one_span">小蜜蜂</span>
<a href="./src/无聊特效小蜜蜂/demo.html"><span class="two_span">查看</span></a>


<span class="one_span">悬浮提示（ul+三角）</span>
<a href="./src/常用特效鼠标移入提示框（ul+三角）/demo.html"><span class="two_span">查看</span></a>


<span class="one_span">悬浮提示（li+三角）</span>
<a href="./src/常用特效鼠标移入提示框（li+三角）/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">金山打字</span>
<a href="./src/金山打字/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">王思聪吃热狗</span>
<a href="./src/王思聪吃热狗/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">仿写JSON内置对象</span>
<a href="./src/仿写JSON内置对象/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">面向对象：tab选项卡</span>
<a href="./src/面向对象：tab选项卡/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">面向对象：swiper轮播图</span>
<a href="./src/面向对象：swiper轮播图/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">面向对象：二倍图放大镜</span>
<a href="./src/面向对象：二倍图放大镜/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">面向对象：等比图放大镜</span>
<a href="./src/面向对象：等比图放大镜/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">贪吃蛇</span>
<a href="./src/贪吃蛇/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">分页</span>
<a href="./src/分页/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">表格分页</span>
<a href="./src/表格分页/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">千锋云音乐</span>
<a href="./src/千锋云音乐/HTML/千锋云音乐（首页）.html"><span class="two_span">查看</span></a>

<span class="one_span">cookie存储数据</span>
<a href="./src/cookie存储数据/demo.html"><span class="two_span">查看</span></a>

<span class="one_span">大屏数据可视化</span>
<a href="./src/bigData/index.html"><span class="two_span">查看</span></a>

<span class="one_span">大屏数据可视化</span>
<a href="./src/jx后台页面/index.html"><span class="two_span">查看</span></a>

<span>...</span>